@import url("../Content/Nav.css")

body { font-family:Cambria,Georgia,"Times New Roman"; margin:0; }
div#header div.title div.item h3, div.item h4, div.pager a 
{
    font:bold 1em "Arial Narrow","Franklin Gothic Medium",Arial;
    color:White;
}
/*header { background-color:#444; border-bottom:2px solid #111; color:White; }*/
#header div.title { font-size: 2em; padding:.6em; color:White; }
#header {
padding: 10px 0;
background-color: #4C2626;
background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999));
background-image: -webkit-linear-gradient(top, #444444, #999999);
background-image: -moz-linear-gradient(top, #6f3736, #4c2626);
background-image: -ms-linear-gradient(top, #6f3736, #4c2626);
background-image: -o-linear-gradient(top, #6f3736, #4c2626);
background-image: linear-gradient(top, #444444, #999999);
-moz-box-shadow: 0 1px 0 #fff, 0 -3px 3px #000 inset;
-webkit-box-shadow: 0 1px 0 #fff, 0 -3px 3px #000 inset;
box-shadow: 0 1px 0 #444, 0 -3px 3px #000 inset;
}

#content { border-left:2px solid gray; margin-left: 9em; padding:1em; }
div#categories { float:left; width:8em;padding:.3em; }

div.item { border-top: 1px dotted gray; padding-top: .7em; margin-bottom:.7em; }
div.item:first-child { border-top:none; padding-top:0; }
div.item h3 { font-size:1.3em; margin: 0 0 .25em 0; }
div.item h4 { font-size:1.1em; margin:.4em 0 0 0; }

div.pager { text-align:right; border-top:2px solid silver; padding:.5em 0 0 0;margin-top:1em; }
div.pager a { font-size: 1.1em; color:#666;text-decoration: none; padding:0 .4em 0 .4em; }
div.pager a:hover { background-color:Silver; }
div.pager a.selected { background-color:#353535; color:White; }

div#categories a 
{
    font:bold 1.1em "Arial Narrow","Franklin Gothic Medium",Arial; display:block;
    text-decoration: none; padding:.6em; color:Black;
    border-bottom:1px solid silver;
}
div#categories a.selected { background-color:#666; color:White; }
div#categories a:hover { background-color:#CCC; }
div#categories a.selected:hover { background-color:#666; }

form { margin: 0; padding: 0; }
div.item form { float:right; }
div.item input 
{
    color:White; background-color:#333; border:1px solid black; cursor:pointer;
}

div#cart { float:right; margin:.8em; color:Silver; background-color:#555; padding:.5em .5em .5em 1em; }
div#cart a { text-decoration: none;padding:.4em 1em .4em 1em; line-height:2.1em;
             margin-left:.5em; background-color:#333; color:White; border:1px solid black; cursor:pointer; }

h2 { margin-top:0.3em; }
tfoot td { border-top:1px dotted gray; font-weight:bold; }
.actionButtons a,input.actionButtons 
{
    font:.8em Arial; color: White; margin:.5em;
    text-decoration:none; padding:.15em 1.5em .2em 1.5em;
    background-color:#353535; border:1px solid black;
}